<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ADAI Toulouse</title>
<LINK REL=StyleSheet type="text/css" HREF="page1.css" TITLE="Contemporary">
</head>
<body >
<form method="POST" action="/adai_toulouse/EnregistrementMembre">
<div style="width:100%; height:100%; left:0px; top:0px; position: absolute; z-index: 0;">
<img src="image/arriere_plan.jpg" style="width: 100%; height: 100%;" />
</div>

 
<div style="z-index: 1; position: absolute;width:100%; height:100%; left:auto; top:0px;" >
    <div id ="espace1">	</div>
	<div id="header" align="center">
		<blockquote>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		IPESTien un jour , ADAIien pour toujours </blockquote></h1>
	</div>
	<div id ="espace1"></div>
	<div id="milieu">
		<div id="leftmenu">
			<!--<div id="op1" align="center"> &nbsp Menu </div>-->
			<div id="lmenu1">
				<table width="100%" border="0" cellpadding="1" cellspacing="1">
					<tr align="center"><td> <a href="pageIni.html" class="bouton">Acceuil </a></td></tr>
					<tr align="center"><td> <a href="" class="bouton"> ADAI </a></td></tr>
					<tr align="center"><td> <a href="" class="bouton"> IPEST </a></td></tr>
					<tr align="center"><td> <a href="" class="bouton"> Membres </a></td></tr>
					<tr align="center"><td> <a href="Article.html" class="bouton"> Articles </a> </td></tr>
					<tr align="center"><td> <a href="activite.html" class="bouton">  Activités </a></td></tr>
					<tr align="center"><td> <a href="" class="bouton"> Guides </a></td></tr>
					<tr align="center"><td> <a href="" class="bouton"> Ecoles d'ingénieurs à Toulouse </a></td></tr>
				</table>
				<br>
			</div>
			<!--<div id="op1" align="center"> &nbsp Page Facebook </div> -->
			<div id ="lmenu2">
				<div align="center">
					<a href="http://www.facebook.com/groups/107662989279122/"> <img src="image/icone_fb.png" align="middle" vspace="50"> <br/></a>
           		</div>
           	</div>  		
		</div>
		<div id="rightmenu">
			<div id="op2"> &nbsp Espace Utilisateur </div>
			<div id="rmenu1">
				<table width="100%" border="0" cellpadding="1" cellspacing="1">
					<tr align="center"><td> <a href="Connexion.jsp" class="bouton1"> Se connecter </a> </td></tr>
					<tr align="center"><td> <a href="form.html" class="bouton1"> S'enregistrer </a></td></tr>
				</table>
			</div>
			<div id="op2"> &nbsp Espace Membre </div>
			<div id="rmenu2">
				<table width="100%" border="0" cellpadding="1" cellspacing="1">
					<tr align="center"><td> <a href="Connexion.jsp" class="bouton1"> Se connecter </a></td></tr>
					<tr align="center"><td> <a href="EnrgMembre.html" class="bouton1"> S'enregistrer </a></td></tr>
				</table>
			</div>
			<div align="center">
			<div id="op2"> &nbsp Nos Partenaires </div>
				<a href="http://www.societegenerale.fr/"> <img src="image/Societe_Generale.jpg" align="middle" height="50" 
				vspace="20" width="50"> </a><br>
				<a href="http://www.verdie-autocars.com/"> <img src="image/logo_verdie.png" align="middle" height="70" 
				vspace="0" width="80"> </a>
			</div>
		</div>
		<div id="page">
		<br/>
           <fieldset>
               <legend>Informations supplémentaires</legend> <!-- Titre du fieldset -->
               Votre nationalité<br />
               <input type="radio" name="nationalite" value="tunisienne" id="tunisienne" /> <label for="tunisienne">tunisienne</label><br />
               <input type="radio" name="nationalite" value="étrangère" id="étrangère" /> <label for="étrangère">étrangère</label><br />
         	           	   
            <p>
               <label for="pays">Dans quel pays habitez-vous ?</label><br />
       			<select name="pays" id="pays">
        		   <optgroup label="France">
               	   <option value="Paris">Paris</option>
               <option value="Toulouse">Toulouse</option>
               <option value="Lyon">Lyon</option>
               <option value="Grenoble">Grenoble</option>
           </optgroup>
           <optgroup label="Tunisie">
               <option value="Tunis">Tunis</option>
               <option value="Sfax">Sfax</option>
               <option value="Monastir">Monastir</option>
           </optgroup>
           <optgroup label="Allemagne">
               <option value="Stuttgart">Stuttgart</option>
               <option value="Darmstadt">Darmstadt</option>
               <option value="Karlsruhe">Karlsruhe</option>
           </optgroup>
       </select>
               </p>
      
                <label for="ecole">Quel est votre école?</label>
               <input type="text" name="ecole" id="ecole" placeholder="Ex : ENSEEIHT" size="30" maxlength="20" />
           <br>
           <br>
           <label for="cardNumber">numero de carte bancaire</label>
           <input type="text" size="12" id="cardNumber" name="cardNumber" required />
            </fieldset>
            <br>
            <p style="text-align:center;width:50%;margin:auto;">
            <input type="submit" name="suivant" value="Next" id="Next" align="middle"/>
		</p>
		</div>
	</div>

    <div id ="espace1">	</div>
	<div id="footer">
		@mail: adai.toulouse31@gmail.com - Tél : (+33)687901261 - Adresse: 161 rue Louis Plana 31500 TOULOUSE <br>
			</div>
</div>
</form>
</body>
</html>
